<%@ page language="java" contentType="text/html; charset=UTF-8"  pageEncoding="UTF-8"%>
<div  data-modal-leve="1">
<script type="text/javascript">
$('#dialog-box').boxWidget({
	  animationSpeed: 500,
	  collapseTrigger: '#ffad',
	  removeTrigger: '[data-widget-close="myremove"]',
	  collapseIcon: 'fa-minus',
	  expandIcon: 'fa-plus',
	  removeIcon: 'fa-times'
	});
</script>
<form id="data-form" class="form-horizontal form-edit" 
                      data-bv-feedbackicons-valid="glyphicon glyphicon-ok"
                      data-bv-feedbackicons-invalid="glyphicon glyphicon-remove"
                      data-bv-feedbackicons-validating="glyphicon glyphicon-refresh"　>
<div class="box box-primary" id="dialog-box">
  <div class="box-header with-border">
    <h3 class="box-title pull-left"><i class="glyphicon glyphicon-plus"></i>添加用户</h3>
    <span class="text-danger pull-left">&nbsp; ” * “标记的为必填项！</span>
    <div class="box-tools pull-right">
      <!-- Remove Button -->
      <button type="button" class="btn btn-box-tool" data-widget="remove" data-widget-close="myremove">
        <i class="fa fa-times"></i>
      </button>
    </div>
    <!-- /.box-tools -->
  </div>
  <!-- /.box-header -->
  <div class="box-body">
    
      <div class="callout-my text-primary"><span> <i class="glyphicon glyphicon-pushpin"></i>&nbsp;基本信息</span> </div>
             <div class="col-sm-4">
				<div class="form-group">
					<label for="userName" class="col-sm-3 control-label">姓名<span class="text-danger">*</span></label>
					<div class="col-sm-7">
						<input type="text" class="form-control" id="userName" name="userName" placeholder="姓名" required data-bv-notempty-message="The first name is required and cannot be empty"/>
					</div>
				</div>
			</div>
			<div class="col-sm-4">
				<div class="form-group">
					<label for="userAccount" class="col-sm-3 control-label">账号<span class="text-danger">*</span></label>
					<div class="col-sm-7">
						<input type="text" class="form-control" id="userAccount" name="userAccount" placeholder="账号" required/>
					</div>
				</div>
			</div>
			<div class="col-sm-4">
				<div class="form-group">
					<label for="email" class="col-sm-3 control-label">邮箱<span class="text-danger">*</span></label>
					<div class="col-sm-7">
						<input type="email" class="form-control" id="email" name="email" placeholder="邮箱"  required/>
					</div>
				</div>
			</div>
			<div class="col-sm-4">
				<div class="form-group">
					<label for="tel" class="col-sm-3 control-label">电话</label>
					<div class="col-sm-7">
						<input type="tel" class="form-control" id="tel" name="tel" placeholder="电话"/>
					</div>
				</div>
			</div>  
        <div class="callout-my text-primary"><span><i class="glyphicon glyphicon-pushpin"></i>&nbsp;部门、安全信息</span></div>
        <div class="col-sm-4">
							<div class="form-group">
								<label for="deptId" class="col-sm-3 control-label">部门</label>
								<div class="col-sm-7">
								    <select class="form-control" id="deptId" name="deptId" >
								        <option>--部门--</option>
								    </select>
								</div>
							</div>
						</div>
						<div class="col-sm-4">
							<div class="form-group">
								<label for="role" class="col-sm-3 control-label">角色</label>
								<div class="col-sm-7">
								   <select class="form-control" id="role" name="roles" >
								        <option>--角色--</option>
								    </select>
								</div>
							</div>
						</div>
						<div class="col-sm-4">
							<div class="form-group">
								<label for="userStatus" class="col-sm-3 control-label">状态</label>
								<div class="col-sm-7">
									<select class="form-control" id="userStatus" name="userStatus" >
								        <option>--状态--</option>
								    </select>
								</div>
							</div>
						</div>
					  	<div class="col-sm-4">
							<div class="form-group">
								<label for="userPassword" class="col-sm-3 control-label">密码<span class="text-danger">*</span></label>
								<div class="col-sm-7">
									<input type="password" class="form-control" id="userPassword" name="userPassword" placeholder="密码" required/>
								</div>
							</div>
						</div>
					 <div class="col-sm-4">
							<div class="form-group">
								<label for="password" class="col-sm-3 control-label">重复密码<span class="text-danger">*</span></label>
								<div class="col-sm-7">
									<input type="password" class="form-control" id="password" name="password" placeholder="重复密码" required/>
								</div>
							</div>
					</div>
				 <div class="col-sm-12">
							<div class="form-group">
								<label for="password" class="col-sm-1 control-label">备注</label>
								<div class="col-sm-7">
									<input type="text" class="form-control" id="password" name="password" placeholder="备注"/>
								</div>
							</div>
					</div>

  </div>
  <!-- /.box-body -->
  <div class="box-footer">
        <div class="pull-right">
        <button  class="btn btn-md btn-default " id="cancelBtn" data-widget-close="myremove"><span class="glyphicon glyphicon-remove"></span>&nbsp;关闭</button>
        <button  class="btn btn-md btn-success "　type="submit"  id="saveBtn"><span class="glyphicon glyphicon-ok"></span>&nbsp;提交</button>
        </div> 
  </div>
  <!-- box-footer -->
       </form>
</div>
<!-- /.box -->
<script type="text/javascript">
    	 $('#data-form').bootstrapValidator();
</script>
